<template>
    <div>
        <public-header-2></public-header-2>
        <div id="bodyMsg">
            <el-row id="head">
        <el-col :span="8">
          <em>1 选择区域</em>
          <div class="sanGray"></div>
        </el-col>
        <el-col :span="8">
          <em>2 选择座位</em>
          <div class="sanRed"></div>
        </el-col>
        <el-col :span="8">
          <em>3 结账付钱</em>
        </el-col>
      </el-row>
        </div>
    </div>
</template>

<script>
import publicHeader2 from '../components/publicHeader2.vue'

export default {
    name:'orderYes',
    components:{
        publicHeader2
    }
}
</script>

<style scoped>
#bodyMsg{
    width: 80%;
    margin: 0 auto;
    border:1px solid red;
}
</style>